import React from 'react';
import PcHead from '../components/PcHead/PcHead';
import PcFoot from '../components/PcFoot/PcFoot';
import '../static/PcHome.scss';
import { Link } from 'react-router-dom'
/**
 * PC
 */
export default  class PcHome extends React.Component {

    constructor(props){
        super(props);
    }

    render() {
        return (
            <div className="PcHome">
                <div className="HeadBg">
                    <PcHead/>
                    <div className="intro">
                        <div className="t1">微信互动营销从这里开始！</div>
                        <div className="t2">挺赞互动是一款【微信营销活动】制作工具，商家使用它可轻松在微信上实现品牌宣传、机构曝光、新客获取、老客留存，集活动制作、发布、报名参与、数据统计于一体，从此营销再无忧！</div>
                    </div>
                </div>
                <div className="advantage">
                    <div className="advantage-box">
                        <h3>为什么选择我们</h3>
                        <img src="http://ovckjkwel.bkt.clouddn.com/advantage-bg.png"/>
                        <div className="pcadva">
                            <div className="adva-content fn-left">
                                <h2>完整的服务体系</h2>
                                <p>从营销到支付到会员管理，帮助商家构建完整的服务闭环。</p>
                            </div>
                            <div className="adva-content fn-left">
                                <h2>深入的场景体验</h2>
                                <p>深入场景细节，优质的体验帮助商家赢得客户。</p>
                            </div>
                            <div className="adva-content fn-left">
                                <h2>持续升级的产品</h2>
                                <p>专注于社会化营销服务，持续升级的产品体系。</p>
                            </div>
                            <div className="adva-content fn-left">
                                <h2>快速的服务响应</h2>
                                <p>通过在线聊天、电话等为您提供一对一贴心服务。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div className="huodonglist">
                    <h1>多款热门活动任你选择</h1>
                    <div className="imglist">
                        <img src="http://ovckjkwel.bkt.clouddn.com/share.jpg" />
                    </div>
                </div>
                <div className="huodonglist">
                    <h1>开启社会化营销</h1>
                    <p className="tp">新用户享30天免费试用权</p>
                    <Link to="/PcLogin">
                    <div className="tbtn">立即注册</div>
                    </Link>
                    <div className="lxwomenDiv">
                        <div className="dhzx">
                            <i className="fa fa-phone"></i>
                            <div>电话咨询</div>
                            <p>028-88888888</p>
                        </div>
                        <div className="dhzx">
                            <i className="fa fa-comments-o"></i>
                            <div>在线客服</div>
                            <p>QQ:666666</p>
                        </div>
                        <div className="dhzx">
                            <i className="fa fa-envelope"></i>
                            <div>商务合作</div>
                            <p>admin@qq.com</p>
                        </div>
                    </div>
                </div>

                <PcFoot/>
            </div>
        )
    }
}